<template>
  <div class="more-info-contain">
    <svg 
      @mouseenter="show = !show" 
      @mouseleave="show = !show"
      xmlns="http://www.w3.org/2000/svg" 
      viewBox="0 0 6.827 6.827" 
      width="60" height="60"
      aria-labelledby="skeletonicon"
      role="presentation">
      <title id="skeletonicon" lang="en">skeleton icon</title>
      <g class="skeleton">
        <rect x="0" y="0" width="6.8" height="6.8" fill="rgba(255, 255, 255, 0)"/>
        <path d="M.907.853h5.066v5.12H.853V.853h.054zm4.96.107H.96v4.907h4.907V.96z" class="fil0"/>
        <path d="M3.5 1.723v1.806h-.106V1.723z" class="fil0"/>
        <path d="M3.398 1.722c.026-.083.122-.13.256-.14a1.199 1.199 0 0 1 .49.082l.032.012.002.035a.74.74 0 0 0 .06.227 4.633 4.633 0 0 0 .11.224l.039.076-.086.002a1.055 1.055 0 0 1-.187-.014 1.439 1.439 0 0 1-.2-.048 1.2 1.2 0 0 1-.386-.195c-.104-.085-.156-.178-.13-.26zm.263-.033c-.089.006-.15.028-.161.065-.012.037.025.09.095.146.082.067.205.13.35.176a1.333 1.333 0 0 0 .267.055l-.003-.006c-.02-.04-.043-.09-.068-.144a.847.847 0 0 1-.065-.228 1.092 1.092 0 0 0-.414-.065zM3.401 2.592a.197.197 0 0 1 .114-.118.544.544 0 0 1 .198-.041l.03.006a1.359 1.359 0 0 0 .29.125c.08.026.16.044.234.055.076.012.147.016.209.013l.029.007c.1.057.18.12.23.183.056.07.078.142.058.207-.03.093-.14.147-.293.158a1.401 1.401 0 0 1-.499-.071 1.402 1.402 0 0 1-.45-.228c-.12-.096-.18-.203-.15-.296zm.158-.02c-.03.013-.05.03-.056.051-.015.048.03.114.115.183.097.079.243.154.415.208.171.054.335.076.46.067.109-.008.183-.036.198-.084.01-.029-.006-.066-.039-.108a.694.694 0 0 0-.187-.15 1.198 1.198 0 0 1-.214-.014 1.672 1.672 0 0 1-.548-.185.419.419 0 0 0-.144.031z" class="fil0"/>
        <path d="M3.443 2.837a.164.164 0 0 1 .03-.042.19.19 0 0 1 .041-.032l.035-.02.029.028a.875.875 0 0 0 .191.134 1.525 1.525 0 0 0 .53.169.93.93 0 0 0 .229.003l.024-.003.018.016a.711.711 0 0 1 .165.2c.037.07.044.137.016.194-.044.088-.16.124-.314.111a1.402 1.402 0 0 1-.482-.148 1.401 1.401 0 0 1-.41-.294c-.103-.114-.145-.229-.102-.316zm.098.043a.047.047 0 0 0-.002.004c-.022.044.012.117.085.198.084.093.217.19.378.27.161.08.319.126.444.137.109.009.187-.008.21-.052.011-.024.005-.059-.016-.1a.576.576 0 0 0-.124-.151 1.071 1.071 0 0 1-.23-.006 1.645 1.645 0 0 1-.567-.182 1.064 1.064 0 0 1-.178-.118z" class="fil0"/>
        <path d="M3.427 3.311c.024-.048.07-.08.134-.094a.556.556 0 0 1 .205-.001l.023.01a1.473 1.473 0 0 0 .213.126c.061.03.122.056.181.077.06.02.119.037.173.047l.023.01a.784.784 0 0 1 .194.203c.045.074.057.145.028.204-.04.08-.146.113-.285.102a1.254 1.254 0 0 1-.431-.132 1.253 1.253 0 0 1-.367-.264c-.093-.103-.13-.208-.091-.288zm.158.01c-.032.007-.054.02-.063.037-.018.038.012.1.075.17.074.082.192.168.335.24.143.07.282.111.393.12.094.008.162-.005.18-.042.012-.024.003-.06-.023-.102a.664.664 0 0 0-.158-.166 1.705 1.705 0 0 1-.586-.259.437.437 0 0 0-.153.002zM3.39 1.754c-.012-.037-.073-.06-.162-.065a1.091 1.091 0 0 0-.387.055.842.842 0 0 1-.067.236 4.784 4.784 0 0 1-.068.145l-.001.003a1.16 1.16 0 0 0 .24-.052c.145-.046.268-.11.35-.176.069-.056.106-.11.095-.146zm-.155-.172c.134.01.23.057.256.14.026.083-.025.176-.13.26a1.2 1.2 0 0 1-.385.196 1.45 1.45 0 0 1-.185.045c-.061.01-.12.016-.175.017l-.089.001.041-.079a4.257 4.257 0 0 0 .109-.225.736.736 0 0 0 .05-.154.508.508 0 0 0 .01-.08l.002-.037.035-.012a1.455 1.455 0 0 1 .034-.011c.158-.05.31-.07.427-.06z" class="fil0"/>
        <path d="M3.386 2.173c-.006-.02-.025-.037-.054-.051a.406.406 0 0 0-.14-.032 1.325 1.325 0 0 1-.216.088c-.086.027-.17.045-.247.054a.896.896 0 0 1-.205.004.92.92 0 0 0-.263.176c-.05.052-.074.1-.063.135.015.048.09.076.199.084.125.009.288-.013.46-.067.171-.054.317-.13.415-.208.084-.069.13-.135.114-.183zm-.009-.147a.196.196 0 0 1 .111.116c.03.093-.03.2-.15.296-.107.087-.265.17-.45.228-.184.058-.361.08-.499.071-.153-.01-.263-.065-.292-.158-.024-.076.01-.16.087-.24.07-.073.178-.145.309-.206l.03-.004c.053.007.12.007.193-.002a1.295 1.295 0 0 0 .44-.138l.028-.006a.53.53 0 0 1 .193.043z" class="fil0"/>
        <path d="M3.386 2.623c-.006-.02-.026-.038-.056-.052a.419.419 0 0 0-.144-.031 1.482 1.482 0 0 1-.298.126c-.086.027-.17.047-.25.059a1.198 1.198 0 0 1-.214.014.694.694 0 0 0-.187.15c-.033.042-.048.08-.039.108.015.048.09.076.199.084.125.009.288-.013.46-.067.171-.054.317-.13.415-.208.084-.069.13-.135.114-.183zm-.012-.149a.197.197 0 0 1 .114.118c.03.093-.03.2-.15.296-.107.087-.265.17-.45.228-.184.058-.361.08-.499.071-.153-.01-.263-.065-.292-.158-.021-.065.001-.137.057-.207a.817.817 0 0 1 .23-.183l.03-.007c.061.003.132-.001.209-.013a1.566 1.566 0 0 0 .524-.18l.03-.006a.544.544 0 0 1 .197.041z" class="fil0"/>
        <path d="M3.35 2.884a.047.047 0 0 0-.002-.004c-.048.041-.109.081-.177.118a1.634 1.634 0 0 1-.569.182c-.083.01-.161.012-.23.006a.576.576 0 0 0-.123.152c-.02.04-.027.075-.015.099.022.044.1.06.21.052.124-.01.282-.057.443-.137.162-.08.294-.177.378-.27.073-.081.108-.154.085-.198zm.066-.09a.164.164 0 0 1 .03.043c.043.087.001.202-.102.316a1.401 1.401 0 0 1-.41.294 1.402 1.402 0 0 1-.482.148c-.153.013-.27-.023-.313-.11-.028-.058-.021-.125.015-.196a.711.711 0 0 1 .166-.199l.018-.016.023.003a.93.93 0 0 0 .229-.003 1.537 1.537 0 0 0 .53-.17.875.875 0 0 0 .191-.133l.03-.028.034.02a.19.19 0 0 1 .04.032h.001z" class="fil0"/>
        <path d="M3.367 3.358c-.009-.017-.03-.03-.063-.037a.437.437 0 0 0-.153-.002 1.589 1.589 0 0 1-.217.128 1.705 1.705 0 0 1-.368.131.664.664 0 0 0-.159.166c-.026.042-.035.078-.023.102.018.037.086.05.18.042.111-.009.25-.05.394-.12.142-.072.26-.158.334-.24.064-.07.094-.132.075-.17zm-.038-.141c.063.015.11.046.133.094.04.08.002.185-.091.288a1.253 1.253 0 0 1-.366.264 1.254 1.254 0 0 1-.432.132c-.139.011-.245-.022-.284-.102-.03-.06-.018-.13.027-.204a.784.784 0 0 1 .195-.203l.022-.01a1.24 1.24 0 0 0 .173-.047 1.599 1.599 0 0 0 .394-.204l.023-.01a.556.556 0 0 1 .206.002zM2.39 2.111l-.01-.01-.014-.027-.01-.057c-.019-.036-.11-.21-.193-.255-.146-.079-.068-.322-.067-.323l.01-.018s.125-.156.326-.083c.083.03.163.06.226.092.072.036.125.077.146.129.034.083.037.137.037.137v.003s0 .114-.066.26c-.03.068-.059.127-.08.17a.84.84 0 0 1-.121.004c.017-.034.059-.116.104-.217a.582.582 0 0 0 .056-.216.377.377 0 0 0-.028-.101c-.01-.024-.046-.048-.096-.074a2.128 2.128 0 0 0-.215-.087.186.186 0 0 0-.201.044c-.01.037-.037.155.02.186.122.066.24.307.24.308l.004.014.01.05.084.09-.003.002a.515.515 0 0 1-.027-.003l-.03.004-.058.03a1.51 1.51 0 0 0-.047-.05l.002-.002zM4.526 2.111l.01-.01.013-.027.011-.057c.018-.036.11-.21.192-.255.146-.079.068-.322.068-.323l-.01-.018s-.126-.156-.326-.083a2.21 2.21 0 0 0-.227.092c-.072.036-.125.077-.146.129-.034.083-.036.137-.036.137v.003s0 .114.065.26c.03.069.06.13.082.173a.828.828 0 0 0 .077.002h.033l.015.028a.096.096 0 0 1 .007.013v.001a.12.12 0 0 0 .021.027c.012.01.032.019.058-.008l.028-.03.013.006.054-.057-.002-.003zm-.078-.071l-.084.09.002.002a1.25 1.25 0 0 0-.016.018 4.353 4.353 0 0 1-.113-.234.582.582 0 0 1-.056-.216c.001-.01.006-.045.029-.101.01-.024.045-.048.095-.074.058-.03.134-.058.215-.087.107-.04.18.022.201.044.01.037.038.155-.02.186-.121.066-.24.307-.24.308l-.004.014-.01.05z" class="fil0"/>
        <path d="M2.027 1.618l-.065-.007-.093.031-.028.002s-.136-.03-.094.07c.086.208-.032 1.194-.033 1.197l-.001.007s-.047.181-.11.308l-.005.009-.047.062-.001.016.011.023.009.005h.01l.041-.023.004-.002s.077-.036.145-.007a.148.148 0 0 0 .046.015c.003 0-.003 0-.003-.002.005-.013-.007-.07-.02-.13-.015-.075-.03-.155-.02-.206l.001-.036V2.95l.057-.839c-.001-.034-.007-.3.076-.388h.001s.034-.035.069-.049l.042-.018c.002-.001.011-.007.013-.032 0-.005-.003-.005-.003-.005h-.002zm-.066-.114l.074.008c.012 0 .112.012.103.12-.007.091-.076.12-.076.12s-.02.01-.046.02c-.012.005-.033.025-.033.025-.056.06-.046.312-.045.312v.006l-.058.84-.001.04-.002.012c-.007.027.007.098.021.165.015.073.03.143.017.183-.018.055-.054.074-.097.075a.223.223 0 0 1-.09-.023c-.022-.01-.05.002-.057.005l-.051.029-.027.006h-.04l-.026-.008-.034-.02-.02-.022-.024-.05-.006-.024.002-.047.01-.03.056-.072c.05-.106.09-.252.098-.279.006-.057.113-.964.04-1.14-.105-.255.137-.229.2-.218l.09-.03.022-.003zM1.829 3.59l-.076.008-.098.057-.027.007s-.175-.003-.096.112c.143.212.239 1.343.239 1.347v.007s-.01.213-.05.369l-.004.01-.04.083.004.022.02.026.014.005.017-.003.042-.037.003-.002s.075-.056.155-.04a.17.17 0 0 0 .059.006l.002-.008a.608.608 0 0 0-.053-.144.692.692 0 0 1-.07-.224l-.008-.042v-.002l-.13-.952c-.007-.03-.079-.332-.005-.448v-.002s.03-.045.064-.067l.044-.03c.002-.002.014-.013.01-.047-.002-.013-.014-.011-.015-.011H1.83zm-.099-.097l.086-.009c.005 0 .119-.016.134.104.013.1-.054.146-.054.146l-.047.032a.175.175 0 0 0-.033.039c-.051.084.02.366.02.366l.001.006.13.954.008.047.001.012c-.002.033.031.11.062.183.034.078.066.152.06.198-.006.062-.039.09-.084.1a.25.25 0 0 1-.103-.006c-.03-.006-.063.016-.07.02l-.05.045-.026.012-.044.009-.027-.002-.043-.015-.025-.018-.038-.05-.01-.023-.01-.052.005-.032.046-.094c.033-.132.044-.309.046-.338-.006-.06-.097-1.11-.221-1.293-.17-.251.1-.276.17-.278l.095-.056.021-.007zM4.86 1.512l.075-.008.022.003.09.03c.063-.01.305-.037.2.217-.073.177.033 1.084.04 1.141.007.027.047.173.098.28l.055.07.01.031.003.047-.006.025-.024.049-.02.022-.034.02-.026.008h-.04l-.027-.006-.051-.03c-.006-.002-.036-.013-.058-.004a.223.223 0 0 1-.09.023c-.043 0-.078-.02-.096-.075-.013-.04.002-.11.017-.183.013-.067.028-.138.02-.165l-.001-.012-.001-.04-.058-.84V2.11s.011-.251-.046-.312c0 0-.02-.02-.032-.025-.026-.01-.046-.02-.046-.02s-.07-.029-.077-.12c-.008-.108.091-.12.103-.12zm.074.1l-.065.006h-.002s-.004 0-.003.005c.001.025.01.03.012.032l.043.018c.034.014.069.048.069.049.084.087.078.354.077.388l.057.839v.001l.001.036c.01.051-.006.131-.021.207-.012.06-.024.116-.02.13H5.08c.01.001.028-.006.046-.014.069-.03.145.006.146.007l.004.002.04.023h.011l.009-.005.01-.023v-.016l-.047-.062-.006-.009a1.985 1.985 0 0 1-.109-.308l-.001-.007c0-.003-.12-.989-.033-1.197.041-.1-.094-.07-.094-.07l-.028-.002-.093-.03zM5.08 3.484l.085.01.021.006.096.056c.07.002.34.027.17.278-.124.183-.216 1.233-.22 1.293.001.03.012.206.045.338l.045.094.005.032-.009.052-.01.024-.039.049-.024.018-.043.015-.027.002-.044-.009-.026-.012-.05-.044c-.007-.005-.04-.027-.07-.02a.25.25 0 0 1-.103.005c-.045-.01-.078-.038-.085-.1-.005-.046.027-.12.06-.198a.646.646 0 0 0 .063-.183v-.012l.008-.047.13-.954.002-.006s.07-.282.02-.366c0 0-.02-.03-.033-.039C4.999 3.736 5 3.735 5 3.735c0 0-.067-.047-.054-.147.015-.12.129-.104.134-.104zm.063.114l-.076-.008h-.002s-.012-.002-.014.011c-.004.034.008.045.01.046l.044.03c.034.023.064.068.064.068v.002c.073.116.002.419-.005.448l-.13.952v.002l-.008.042a.692.692 0 0 1-.07.224.608.608 0 0 0-.053.144c0 .006.001.008.002.008a.17.17 0 0 0 .058-.006c.08-.016.155.04.156.04l.003.002.042.037.016.003.015-.005.02-.026.004-.022-.04-.083-.003-.01c-.04-.156-.051-.369-.051-.37v-.006c0-.004.096-1.135.24-1.347.077-.115-.096-.112-.097-.112l-.027-.007-.098-.057zM2.477 5.218c0-.001-.175-.254-.207-.306a.657.657 0 0 1-.084-.214.372.372 0 0 1 .101-.345c.098-.098.204-.194.317-.243a.337.337 0 0 1 .377.052c.22.182.336.305.336.305l.008.01c0 .001.093.172.28-.013.243-.24.424-.346.424-.347l.009-.004s.38-.148.484.116c.082.208.208.378.208.378l.007.013s.082.209-.174.444a6.92 6.92 0 0 0-.313.3l-.083.288-.002.006s-.077.194-.19.205a1.065 1.065 0 0 1-.195-.002 5.933 5.933 0 0 1-.184-.091.973.973 0 0 0-.114-.035.33.33 0 0 0-.174.044c-.09.052-.162.08-.162.08l-.022.004-.184-.01-.026-.008s-.155-.097-.16-.194a1.138 1.138 0 0 0-.085-.233s-.054-.102-.097-.125a.28.28 0 0 1-.095-.075zm-.115-.36c.031.051.202.299.203.3a.179.179 0 0 0 .057.041c.072.039.14.168.141.169l.001.002s.09.195.096.274c.002.034.072.085.1.104l.157.008c.022-.01.074-.033.138-.07a.432.432 0 0 1 .231-.057c.035.001.147.041.148.042l.006.003.17.085c.003 0 .028.002.065.002a.97.97 0 0 0 .09-.004c.044-.004.092-.116.1-.136l.086-.298.012-.022s.096-.103.328-.316c.18-.164.156-.294.148-.322-.025-.035-.14-.2-.216-.395-.06-.153-.308-.07-.343-.057a2.399 2.399 0 0 0-.4.328c-.263.26-.419.038-.444-.003a4.277 4.277 0 0 0-.323-.292.238.238 0 0 0-.267-.036c-.097.042-.194.13-.283.22a.27.27 0 0 0-.072.251.552.552 0 0 0 .07.178z" class="fil0"/>
        <path d="M3.381 5.118l-.238-.247-.042-.018c-.026.007-.08.026-.076.072.002.03 0 .051-.001.071-.004.045-.007.075.14.214.033.017.188.088.306.077h.015c.12.012.278-.06.311-.077.147-.139.145-.169.14-.214a.361.361 0 0 1 0-.07c.004-.047-.05-.066-.077-.073l-.042.018-.236.244a.053.053 0 0 1-.028.018c-.016-.005-.156.001-.172-.015zm.367-.329c-.003-.006.08-.037.086-.04-.002-.005.03-.004.035-.002.032.006.185.045.172.188-.002.02 0 .037.001.052.007.077.012.127-.179.306.001.001-.013.01-.014.01-.023.012-.215.104-.37.09-.163.015-.368-.09-.37-.091l-.015-.012c-.188-.177-.183-.227-.176-.303a.274.274 0 0 0 0-.052c-.014-.157.173-.188.18-.19-.002-.004.028.004.032.006l.064.026c.002-.002.019.012.021.015.316.328.216.326.533-.003zM3.242 5.632l-.102.076-.03.022-.03-.02-.16-.106-.042-.028.024-.043.04-.07.005-.006s.053-.07.147-.01c.053.034.146.098.147.098l.061.043-.06.044zM3.107 5.6l.012-.009a3.963 3.963 0 0 0-.082-.054c-.007-.004-.008-.009-.007-.012l-.01.017.087.058zM3.26.957a.053.053 0 0 0 0 .107h.32c.017.014.043.05-.006.11h-.286a.053.053 0 0 0 0 .106h.309a.053.053 0 0 0 .038-.016c.174-.176.017-.282-.009-.298a.053.053 0 0 0-.03-.009h-.335zM3.29 3.582a.053.053 0 0 0 0 .107h.32c.016.014.042.05-.007.11h-.286a.053.053 0 0 0 0 .106h.309a.053.053 0 0 0 .038-.016c.174-.176.017-.283-.009-.298a.053.053 0 0 0-.029-.009H3.29z" class="fil0"/>
        <path d="M3.295 3.798a.053.053 0 0 0 0 .107h.32c.016.014.042.05-.007.109h-.286a.053.053 0 0 0 0 .107h.309a.053.053 0 0 0 .038-.016c.174-.177.017-.283-.009-.298a.053.053 0 0 0-.029-.009h-.336zM3.286 1.173a.053.053 0 0 0 0 .107h.239c.008.009.016.028-.006.058h-.212a.053.053 0 0 0 0 .106h.235a.053.053 0 0 0 .039-.015c.14-.142.019-.23-.007-.246a.053.053 0 0 0-.031-.01h-.257z" class="fil0"/>
        <path d="M3.344 4.014a.053.053 0 0 0 0 .107h.239c.008.009.016.028-.006.058h-.212a.053.053 0 0 0 0 .106H3.6s.036-.013.038-.015c0-.002.154-.145-.007-.246a.053.053 0 0 0-.03-.01h-.257z" class="fil0"/>
        <path d="M3.339 4.177a.053.053 0 0 0 0 .107h.201c.007.01.012.028-.006.058h-.177a.053.053 0 0 0 0 .107h.204c.015 0 .03-.007.04-.02.116-.135.019-.22-.006-.24a.053.053 0 0 0-.034-.012h-.222zM3.447 1.397a.19.19 0 0 1 .168.277l-.01.021-.023.006a.194.194 0 0 0-.056.023.067.067 0 0 0-.024.023l-.014.027-.03.002h-.011a.282.282 0 0 1-.018 0L3.4 1.771l-.013-.025a.066.066 0 0 0-.022-.022.186.186 0 0 0-.053-.023l-.021-.006-.011-.02a.19.19 0 0 1 .167-.28zm.059.13a.083.083 0 0 0-.142.06c0 .007 0 .013.002.02a.266.266 0 0 1 .079.045.275.275 0 0 1 .083-.046.085.085 0 0 0-.022-.078zM3.673 5.595l.103.076.03.022.03-.02.16-.107.042-.027-.025-.043-.04-.07-.004-.007s-.053-.069-.147-.009c-.053.033-.147.098-.147.098l-.062.042.06.045zm.136-.032l-.012-.009.082-.054c.007-.004.008-.01.007-.012l.01.017-.087.058zM3.503 2.175c.006-.02.025-.037.055-.051a.406.406 0 0 1 .14-.032 1.325 1.325 0 0 0 .215.087c.086.028.17.046.248.055.075.01.144.01.204.004a.92.92 0 0 1 .263.176c.05.052.074.1.063.135-.015.047-.09.076-.198.084a1.294 1.294 0 0 1-.46-.067 1.293 1.293 0 0 1-.415-.208c-.085-.07-.13-.135-.115-.183zm.01-.147a.196.196 0 0 0-.112.115c-.029.094.03.2.15.297.107.087.266.17.45.228.185.058.362.08.5.07.153-.01.263-.064.292-.157.024-.076-.01-.16-.088-.24a1.045 1.045 0 0 0-.308-.206l-.03-.005a.767.767 0 0 1-.193-.002 1.295 1.295 0 0 1-.441-.137l-.028-.006a.53.53 0 0 0-.193.043z" class="fil0"/>
        <path fill="none" d="M0 0h6.827v6.827H0z"/>
      </g>
    </svg>
    <transition name="appear">
      <div class="findoutmore" v-if="show">
        <app-anatomy-diagram />
      </div>
    </transition>
  </div>
</template>

<script>
import AppAnatomyDiagram from './AppAnatomyDiagram.vue'

export default {
  components: {
    AppAnatomyDiagram
  },
  data() {
    return {
      show: false
    }
  }
}
</script>

<style scoped>
.findoutmore {
  position: absolute;
  bottom: 7px;
  left: 60px;
  z-index: 4000;
}

.appear-enter-active,
.appear-leave-active {
  transition: opacity 0.25s ease;
}

.appear-enter,
.appear-leave-to {
  opacity: 0;
}

.more-info-contain {
  position: absolute;
  bottom: 40px;
  left: 30px;
}

.more-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

.skeleton {
  fill: #aaa;
  transition: 0.15s all ease-in;
  cursor: pointer;
}

.skeleton:hover {
  fill: #333;
  transition: 0.25s all ease-out;
}
</style>